<!DOCTYPE html>
<html lang="zh-CN">
<head>
<!--页面中一定要引入internal.js为了能直接使用当前打开dialog的实例变量-->
<style>
.btnContainer{
	display:block;
}
.line{
	display:inline-block;
	margin:auto;
}
</style>
<script type="text/javascript" src="../dialogs/internal.js"></script>
<script type="text/javascript" src="util.js"></script>
</head>
<body>
<div class='btnContainer'>
	<input type='radio' name='btnOption'/>
	<div class='line' style='width:100%;height:1.5px;background: repeating-linear-gradient(90deg,    blue, blue 20px,  transparent 20px, transparent 30px,  blue 30px,blue 40px,  transparent 40px, transparent 50px,  blue 50px,blue 51px,  transparent 51px, transparent 61px);-moz-mask-image:repeating-linear-gradient(0deg,    #f00, #f00 2px,  transparent 2px, transparent 4px);'>
	</div>
</div>

<div class='btnContainer'>
	<input type='radio' name='btnOption'/>
	<div class='line' style='width:100%;height:1.5px;background: repeating-linear-gradient(90deg,    black, black 20px,  transparent 20px, transparent 30px,  black 30px,black 40px,  transparent 40px, transparent 50px,  black 50px,black 51px,  transparent 51px, transparent 61px);-moz-mask-image:repeating-linear-gradient(0deg,    #f00, #f00 2px,  transparent 2px, transparent 4px);'>
	</div>
</div>

<div class='btnContainer' style='display:inline-block;'>
	<input type='radio' name='btnOption'/>
	<div class='line' style='width:100%;height:1.5px;background:black;'>
	</div>
</div>
</body>
</html>